<template>
    <div class="log-item">
        <p class="order_no">津贴编号：{{item.money_no}}</p>
        <div class="log-content">
            <div class="message">
                <p class="name">{{item.name}}</p>
                <p class="time">发放时间：{{item.pay_at}}</p>
                <p class="send">{{item.pay_status == 0?'未领取':'已领取'}}</p>
            </div>
            <div class="money">
                <label class="label">
                    ￥{{item.money}}
                </label>
            </div>
        </div>
    </div>
</template>

<script>
    import {Url} from "../utils/config";

    export default {
        name: "gift-sub-item",
        props: {
            item: {
                type: Object
            }
        },
        methods: {

        }
    }
</script>

<style scoped lang="less">
    .log-item {
        background: #fff;
        padding: 0 32px;
        margin-bottom: 20px;
        .order_no {
            font-size: 12PX;
            color: #888888;
            padding: 24px 10px;
            border-bottom: solid 1PX #e0e0e0;
        }
        .log-content {
            display: flex;
            flex-direction: row;
            height: 140px;
            align-items: center;
            .avatar {
                width: 120px;
                height: 120px;
            }
            .message {
                font-size: 12PX;
                color: #888888;
                margin-left: 32px;
                .name {
                    font-size: 14PX;
                    margin-bottom: 12px;
                }
                .time {
                    margin-bottom: 12px;

                }
                .send {
                    color: #4b8d00;
                    font-size: 14PX;
                }
            }
            .money {
                margin-left: auto;
                color: #e64e4d;
                font-size: 14PX;
                display: flex;
                flex-direction: column;
                .label {
                    margin-bottom: 10px;
                }
            }
        }

    }
</style>